<!DOCTYPE html>
<html>

<head>
    <title>我的店铺</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../lib/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="../lib/weui-master/dist/style/weui.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../lib/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../sys/css/articlelist.css">
    <link rel="stylesheet" type="text/css" href="../sys/css/footseller.css">
    <style lang="css">
    body {
        background-color: #F1F2F4;
    }
    
    .up {
        background-color: #30AAF3;
        height: 260px;
        margin-bottom: 1rem;
        color: #fff;
    }
    
    .words {
        height: 60px;
        line-height: 60px;
        font-size: 1.2rem;
        letter-spacing: 2px;
    }
    
    .amount {
        text-align: center;
        height: 90px;
        line-height: 90px;
        font-size: 3.5rem;
        font-weight: bold;
    }
    
    .item {
        height: 80px;
        display: inline-block;
        width: 32%;
    }
    
    .itemup {
        text-align: center;
        border-right: 1px solid #fff;
        height: 30px;
        line-height: 30px;
    }
    
    .itemdown {
        height: 50px;
        line-height: 50px;
        text-align: center;
    }
    /*.down{
        width: 96%;
        margin: 0 auto;
    }*/
    .entrence{
        text-align: center;    
        display: inline-block;
        width: 32%;
        /*margin-left: 2.2%;*/
        padding-top: 2%;
    }
    .entrenceup{
        height: 60%;
        width: 70%;
        margin: 0 auto;
        background-color: pink;
    }
    .entrencedown{
        height: 30%;
        padding-top: 10px;
    }

    </style>
</head>

<body>
    <div class="box">
        <div class="up">
            <div class="words">
                <center>今日付款金额(元)</center>
            </div>
            <div class="amount">0.00</div>
            <div style="height: 30px"></div>
            <div>
                <div class="item">
                    <div class="itemup">浏览人数</div>
                    <div class="itemdown">0</div>
                </div>
                <div class="item">
                    <div class="itemup">付款订单数</div>
                    <div class="itemdown">0</div>
                </div>
                <div class="item">
                    <div class="itemup" style="border: none">付款件数</div>
                    <div class="itemdown">0</div>
                </div>
            </div>
        </div>
        <div class="down">
            <div class="entrence">
                <div class="entrenceup"></div>
                <div class="entrencedown">店铺管理</div>
            </div>
            <div class="entrence">
                <div class="entrenceup"></div>
                <div class="entrencedown">商品管理</div>
            </div>
            <div class="entrence">
                <div class="entrenceup"></div>
                <div class="entrencedown">订单管理</div>
            </div>
            <div class="entrence">
                <div class="entrenceup"></div>
                <div class="entrencedown">查看店铺</div>
            </div>
            <div class="entrence">
                <div class="entrenceup"></div>
                <div class="entrencedown">资产</div>
            </div>
            <div class="entrence">
                <div class="entrenceup"></div>
                <div class="entrencedown">资产</div>
            </div>
            
        </div>
        <footer>
            <my-foot @choose="choosemune"></my-foot>
            
        </footer>
            
       
    </div>
    <script src="../lib/jquery/jquery-1.11.0.min.js"></script>
    <script src="../lib/vue/vue.js"></script>
    <script type="text/javascript" src="../sys/js/footseller.js"></script>
    <script type="text/javascript" src="../data/shopadmin.json"></script>
    <script>
    $(function() {
        var windowHeight = $(window).height();
        var footheight = $("footer").height();
        var downHeight=windowHeight - footheight - 280;
        $(".down").css("height",downHeight );
        $(".entrence").css("height",downHeight/2 );
        

        var box = new Vue({
            el: '.box',
            data: {

               

            },
            components: {
                myFoot
            },
            methods: {

                choosemune: function(i) {
                    window.location.href= menulist[i];
                }

            }

        })
        $("footer ul li").removeClass("active");
        $("footer ul li:nth(0)").addClass("active");


    })
    </script>
</body>

</html>
